$(document).ready(function() {
			   // 基于准备好的dom，初始化echarts实例
				var myChart3 = echarts.init(document.getElementById('main3'),'macarons');
		        // 指定图表的配置项和数据
				var date1 = ['2016/1','2016/2','2016/3','2016/4','2016/5','2016/6','2016/7','2016/8','2016/9','2016/10',
				'2016/11','2016/12'],
					date2 = ['2011','2012','2013','2014','2015','2016','2017','2018','2019','2020',
				'2021','2022','2023','2024','2025','2026','2027'],
					date3 = ['2016/11/1','2016/11/2','2016/11/3','2016/11/4','2016/11/5','2016/11/6','2016/11/7','2016/11/8','2016/11/9','2016/11/10',
				'2016/11/11','2016/11/12','2016/11/13','2016/11/14','2016/11/15','2016/11/16','2016/11/17','2016/11/18'
				,'2016/11/19','2016/11/20','2016/11/21','2016/11/22','2016/11/23','2016/11/24','2016/11/25','2016/11/26','2016/11/27'
				,'2016/11/28','2016/11/29','2016/11/30'];
				var colorPalette = [
			        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
			        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
			        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
			        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
			    ];
				function my_data(){
					var data = [];
					for( var i =0; i<30; i++){
						data.push(Math.round(Math.random() * (500 - 100) + 100));
					};
					return data;
				}
				var option1 = {
				   title : {
				       // text: '各级别会员变迁情况'
				    },
				    color: colorPalette,
				    tooltip : {
				        trigger: 'axis',
				    },
				    legend: {
				        data:['普通会员','高级会员','VIP会员','超级VIP会员']
				    },
				    toolbox: {
				        show : true,
				        feature : {
				            //magicType : {show: true, type: ['line', 'stack', 'tiled']},  各种图表切换
				            //restore : {show: true}  刷新
				        }
				    },
				    calculable : true,
				    xAxis : [
				        {
				            type : 'category',
				            boundaryGap : true,
				            data : date1
				        }
				    ],
				    yAxis : [
				        {
				            type : 'value'
				        }
				    ],
				     grid: {
				        left: '3%',
				        right: '4%',
				        containLabel: true
				    },
				    dataZoom: [{
				        type: 'inside',
				        start: 30,
				        end: 60,
				    }, {
				        start: 30,
				        end: 60,
				        handleSize: '80%',
				        handleStyle: {
				            color: '#fff',
				            shadowBlur: 3,
				            shadowColor: 'rgba(0, 0, 0, 0.6)',
				            shadowOffsetX: 2,
				            shadowOffsetY: 2
				        }
				    }],
				    series : [
				        {
				            name:'普通会员',
				            type:'bar',
				            stack: '总量',
				            barMaxWidth : 30,
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'高级会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'超级VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        }
				    ]
				};
				var option2 = {
				    xAxis : [
				        {
				            data : date2
				        }
				    ],
				    series : [
				        {
				            name:'普通会员',
				            type:'bar',
				            stack: '总量',
				            barMaxWidth : 30,
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'高级会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'超级VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        }
				    ]
				};
				var option3 = {
				    xAxis : [
				        {
				            data : date3
				        }
				    ],
				    series : [
				        {
				            name:'普通会员',
				            type:'bar',
				            stack: '总量',
				            barMaxWidth : 30,
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'高级会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        },
				        {
				            name:'超级VIP会员',
				            type:'bar',
				            stack: '总量',
				            //itemStyle: {normal: {areaStyle: {type: 'default'}}},
				            data:my_data()
				        }
				    ]
				};
	
		        // 使用刚指定的配置项和数据显示图表。
			 	myChart3.setOption(option1);
			 	$(".dSList li").live('click',function(){
			 		$(this).addClass('cur').siblings('li').removeClass('cur');
			 	});
			 	$(".dSLOne").live('click',function(){
			 		myChart3.setOption(option1);
			 	});
			 	$(".dSLTwo").live('click',function(){
			 		myChart3.setOption(option2);
			 	});
			 	$(".dSLThree").live('click',function(){
			 		myChart3.setOption(option3);
			 	});
			 	$(".dCTList li").live('click',function(){
			 		$(this).addClass('cur').siblings('li').removeClass('cur');
			 	});
			 	//团队成员
			 	$(".dCLSix a").live('click',function(){
			 		$(".tPopup").show();
			 	});
			 	$(".tPCTop font").live('click',function(){
			 		$(".tPopup").hide();
			 	});
});